/* 公共标题 */
.com-title{border-bottom: #f60 6px solid; line-height: 40px;}


/* 菜单-轮播 */
/* 菜单 */
.mslide-menu{width: 200px; position: relative;}
.mslide-menu li p{line-height: 31px; text-indent: 20px; position: relative; z-index: 200; background-color: #f3f3f3;}
.mslide-menu li div{width: 580px; height: 500px; border: 1px solid #f60; position: absolute; left: 200px; top: 0; z-index: 199; display: none; background-color: #fff; padding:0 73px 0 35px; box-sizing: border-box;}
.mslide-menu li:hover P{width: 200px; border: 1px solid #f60; border-right: none; background-color: #fff;}
.mslide-menu li:hover div{display: block;}

.mslide-menu li div h3{line-height: 31px;}
.mslide-menu li div h3 span{margin-right: 35px;}
.mslide-menu li div dt{border-bottom: 1px solid #e6e6e6;margin-top: 12px; padding-bottom: 4px;}
.mslide-menu li div dt a{color: #f60;font-size: 16px;}
.mslide-menu li div dd a{margin-right: 5px; font-size: 12px;}

/* 轮播图 */
.mslide-slide{width: 1000px; height: 400px; background-color: yellow;}

/* 今日推荐 */
.recommend ul{width: 1188px; margin: 0 auto; border-left: 1px solid #f60;}
.recommend ul li{box-sizing: border-box; float: left; width: 198px; height: 250px; border-right: 1px solid #f60; border-bottom: #f60 1px solid;}
.recommend ul li p{line-height: 26px;}


/* 图书-电子书 */
/* book-left */
.book-left{width: 900px;}
.book-menu li{float: left; width: 100px; line-height: 40px; text-align: center; cursor: pointer;}
.book-menu li.active{background-color: #f60; color: #fff;}

.book-catgray{width: 240px; background-color: #f3f3f3;}
.book-catgray p a{float: left; line-height: 39px; width: 80px;}

.book-list{width: 660px; display: none;}
.book-list div{float: left; width: 165px; height: 220px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; box-sizing: border-box;}
.book-list.on{display: block;}
.book-list div h3{padding: 15px 0 5px 0;}
.book-list div p img{width: 158px; height: 116px;}

.book-right{width: 280px; height: 444px; position: relative; top: -6px; border: 1px solid #e6e6e6; box-sizing: border-box;}
.book-right ul li{position: relative; line-height: 40px; border-bottom: 1px solid #e6e6e6;}
.book-right ul li:last-child{border: none;}
.book-right ul li span{position: absolute;top: 0px; left: -18px;}
.book-right ul li div{line-height: 18px; display: none;}
.book-right ul li .active{display: none;}
.book-right ul li .on{display: block;}

/* 服装 */
.cloth-menu li{float: left; width: 100px; line-height: 40px; text-align: center; cursor: pointer;}
.cloth-menu li.active{background-color: #f60; color: #fff;}

.cloth-catgray{width: 240px; background-color: #f3f3f3;}
.cloth-catgray p a{float: left; line-height: 39px; width: 80px;}
.cloth-catgray a img{width: 240px; height: 348px;}

.cloth-right div{float: left;width: 168px;box-sizing: border-box;}
.cloth-right div img{border-right: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.cloth-right div img:first-child{width: 166px; height: 338px;}
.cloth-right div img:last-child{width: 166px; height: 158px;}


.cloth-logo{padding-left: 18px; box-sizing: border-box;}
.cloth-logo a img{height: 60px;}

.cloth-list{display: none;}
.cloth-list.on{display: block;}

/* 户外运动 */
.sport-menu li{float: left; width: 100px; line-height: 40px; text-align: center; cursor: pointer;}
.sport-menu li.active{background-color: #f60; color: #fff;}

.sport-catgray{width: 240px; background-color: #f3f3f3;}
.sport-catgray p a{float: left; line-height: 39px; width: 80px;}
.sport-catgray a img{width: 240px; height: 348px;}

.sport-right div{float: left;width: 168px;box-sizing: border-box;}
.sport-right div img{border-right: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.sport-right div img:first-child{width: 166px; height: 338px;}
.sport-right div img:last-child{width: 166px; height: 158px;}


.sport-logo{padding-left: 18px; box-sizing: border-box;}
.sport-logo a img{height: 60px;}

.sport-list{display: none;}
.sport-list.on{display: block;}


/* 童装 童鞋 婴儿装 */
.child-menu li{float: left; width: 100px; line-height: 40px; text-align: center; cursor: pointer;}
.child-menu li.active{background-color: #f60; color: #fff;}

.child-catgray{width: 240px; background-color: #f3f3f3;}
.child-catgray p a{float: left; line-height: 39px; width: 80px;}
.child-catgray a img{width: 240px; height: 348px;}

.child-right div{float: left;width: 168px;box-sizing: border-box;}
.child-right div img{border-right: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6;}
.child-right div img:first-child{width: 166px; height: 338px;}
.child-right div img:last-child{width: 166px; height: 158px;}


.child-logo{padding-left: 18px; box-sizing: border-box;}
.child-logo a img{height: 60px;}

.child-list{display: none;}
.child-list.on{display: block;}


/* 家居 */
.house img{border-bottom: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6;}

.house-left a img{width: 400px; height: 406px;border-left: 2px solid #e6e6e6;}

.house-right div{float: left; width: 199px;}
.house-right div img{width: 197px;}


/* 推广商品 */
.goods-content li{float: left; width: 214px; height: 300px; margin:0 0 20px 20px; padding: 25px 32px 0; box-sizing: border-box;}
.goods-content li a img{width: 150px; height: 150px; margin-bottom: 10px;}
.goods-content li p{padding-left: 4px;}

.goods-content li:hover{background-color: #f2f2f2;}


/* 楼层滚动 */
.floor{width: 40px; height: 200px; position: fixed; top: 50%; left: 50%; margin-left: -640px; margin-top: -100px; z-index: 300; background-color: #f2f2f2;}
.floor ul li{width: 40px; height: 40px; background: url(../imgs/fix_box_icon_160622.png) no-repeat; line-height: 40px; text-align: center; text-indent: 40px; overflow: hidden; color: white;}
.floor ul .img2{background-position-y: -40px;}
.floor ul .img3{background-position-y: -160px;}
.floor ul .img4{background-position-y: -200px;}
.floor ul .img5{background-position-y: -320px;}

.floor img{width: 40px; height: 50px;}


/* 顶部搜索 */
.fix-box{width: 100%; height: 60px; border-bottom: 6px solid #f60; position: fixed; top:0; background-color: #f2f2f2; display: none; z-index: 999;}
.fix-box img{height: 60px;}
.fix-box .head-form{position: absolute; top:10px; left: 50%;}


/* 侧边栏 */
.sidebar{position: fixed; top: 20%;right: 0;}
.sidebar .box-img2 img{float: left;}
.sidebar .box-img2 img:first-child{position: relative; z-index: 200;}
.sidebar .box-img2 .qr{position: absolute; z-index: 1;left:0;}
.sidebar .box-img1,.boximg3{width: 39px;}



